.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ' ';
    clear: both;
    height: 0;
  }
}

// 添加/编辑页的最外层
.wrapper-add-edit {
  background: $white;
  padding: $wrapperPadding * 2;

  // 表单区的最外层
  form {
    padding: $wrapperPadding * 3;
    background: $white;

    // el-form中的每一个item都有margin-bottom:22px，清除最后一个item的margin
    .el-form .el-form-item:last-of-type {
      // margin-bottom: 0;
    }
  }
}

// 数据列表区的最外层
.wrapper-list {
  background: $white;
  padding: $wrapperPadding * 2;

  .wrapper-condition {
    border-bottom: 1px solid $color-border;
  }

  .wrapper-table,
  .wrapper-pager {
    // background: $white;
  }

  // 数据表格显示区
  // .wrapper-table {
  //   thead {
  //     tr {
  //       th {
  //         background-color: #dfdfdf;
  //         .cell {
  //           line-height: 36px;
  //         }
  //       }
  //     }
  //   }
  //   tbody {
  //     tr {
  //       td {
  //         // background-color: #fafafa;
  //         .cell {
  //           padding: 0 0.4rem;
  //         }
  //       }
  //     }
  //     /*  奇数行样式 */
  //     tr:nth-child(odd) {
  //       background-color: #e9e9e9;
  //     }
  //     /*  偶数行样式 */
  //     tr:nth-child(even) {
  //       background-color: #f5f5f5;
  //     }
  //   }
  // }

  // 分页区
  .wrapper-pager {
    margin-top: $wrapperPadding;
  }
}

.wrapper-dashboard {
  background: $white;
  padding: $wrapperPadding * 2;
}

.wrapper-article {
  h4 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 16px;
  }
  div {
    p {
      line-height: 30px;
    }
  }
}
